<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>base</title>
</head>
<style>

</style>
<script>
  //1.段落：
  //2.换行：
  //3.水平线：
  //4.文本格式化：
  //5.图片：
  //6.相对路径：
  //7.绝对路径：
  //8.音频：
  //9.视频：
  //10.超链接：
  //11.表单：
  //12.有序：
  //13.无序：
  //14.自定义：
</script>
<body>
<div>
  <!--段落-->
  <P></P>
  <!--换行-->
  <br>
  <!--水平线-->
  <hr>
  <!--文本格式化-->
  <strong>加粗 b</strong> <ins>下滑线 u</ins> <em>斜体 i</em> <del>删除线 s</del>
  <!--图片-->
  <img src="">
  <!--音频-->
  <audio></audio>
  <!--视频-->
  <video></video>
  <!--超链接-->
  <!--<a href="http://www.baidu.com">-->
    <!--表单-->
   <form></form>
  </div>
  <!--有序-->
  <ol>hello</ol>
  <!--无序-->
  <ul>helo</ul>
  <!--默认是小黑点-->
  <li>hi</li>

<div>
  <ol>
    <li>1111</li>
    <li>2222</li>
    <li>3333</li>
  </ol>
</div>


<div>
  <ul>
    <li>1111</li>
    <li>2222</li>
    <li>3333</li>
  </ul>
</div>

<!--表格-->
<!--嵌套关系：table>tr>td -->
          <!--table:表格  tr:每行  td:单元格-->
<table border="1" cellspacing="0">
  <!--border:边界-->
  <!--cellspacing:单元格的间距-->
  <tr>
    <th>姓名</th>
    <th>性别</th>
    <th>年龄</th>
  </tr>
  <tr>
    <td>肖志辉</td>
    <td>男</td>
    <td>22岁</td>
  </tr>

</table>

<hr>



  <!--表格大标题-->
  <caption>学生成绩</caption>
  <caption><strong>学生成绩</strong></caption>
  <caption><b>学生成绩</b></caption>
  <!--表头单元格-->
  <!--<th></th>-->

<hr>
<table border="1" cellspacing="0">
  <tr>
    <th>姓名</th>
    <th>电话</th>
  </tr>
  <tr>
    <!--rowspan="2":跨行2行合并-->
    <td rowspan="2">张三</td>
    <td>15070758231</td>
  </tr>
  <tr>
    <td>15070758231</td>
  </tr>
</table>
<hr>
<table border="1" cellspacing="0">
  <tr>
    <th>姓名</th>
    <!--colspan="2":跨列2列合并-->
    <th colspan="2">电话</th>
  </tr>
  <tr>
    <td>张三</td>
    <td>15070758231</td>
    <td>15070758231</td>
  </tr>
</table>
<!--跨行和跨列合并：要合并那个单元格就把条件写在哪-->

<hr>
<table>
  <thead></thead>
  <tbody></tbody>
  <tfoot></tfoot>
  <!--表格头部-->
  <thead></thead>
  <!--表格主体-->
  <tbody></tbody>
  <!--表格底部-->
</table>


<!--文本占位符提示信息:placeholder-->
<input type="text" placeholder="请输入用户名">
<input type="password" placeholder="请输入密码">
<input type="file" ><!--上传1个文件-->
<input type="file" multiple><!--上传多个文件-->

<label>增加点击范围</label>
<!--第一种方法-->
<input type="radio" name="gender" id="male"> <label for="male">男</label>
<!--第二种方法-->
<label><input type="radio" name="gender">女</label>


<!--语义化标签:手机端的页面显示-->
<header>网页头部</header>
<nav>网页导航</nav>
<footer>网页底部</footer>
<aside>网页侧边栏</aside>
<section>网页区块</section>
<article>网页文章</article>



<!--文本框-->
<input type="text">

<!--单选框：radio,name的值要一样,checked默认的-->
<input type="radio" name="value"  checked>男
<input type="radio"  name="value" >女

<!--复选框：checkbox，checked默认-->
<input type="checkbox" checked>足球
<input type="checkbox">篮球
<hr><br>


<!--按钮-->
<!--<button></button>-->
<!--下拉菜单-->
<!--<select></select>-->
<!--嵌套关系:select>option-->
<hr>
  <select>
    <option >北京</option>
    <!--默认上海-->
    <option selected>上海</option>
    <option>广州</option>
  </select>

<br>
<!--文本域:textarea-->
<!--cols:宽度 rows:行数 -->
<textarea cols="50" rows="10">
  数字化已成为全球重要的共识，各国纷纷发布国家数字战略，开启并加速数字化进程。
  《数字化转型，从战略到执行》报告结合100多个国家的案例与数据，从6个角度（个人-家庭-企业-城市-行业-国家）、
  4个层次（国家-城市-行业-企业）、4个阶段（基础信息化-应用数字化-全面系统化-智慧生态化），系统解读数字化转型从战略到执行的全景框架，
  洞察实践，以及不同数字化转型阶段数字基础设施的部署重点及对数字经济的量化影响。
</textarea>



<!--字符实体：-->
<!--&nbsp;字符空格-->
 <p>hello&nbsp;Word！</p>
 <p>helloWord！</p>

</body>
</html>
